import { IconExport, IconFile } from '@arco-design/web-vue/es/icon';
import type { AppRouteRecordRaw } from '../types';

const COMPONENTS: AppRouteRecordRaw = {
  path: 'components',
  name: 'components',
  meta: {
    locale: '组件库',
    requiresAuth: true,
    roles: ['*'],
  },
  children: [
    {
      path: 'table',
      name: 'table',
      meta: {
        icon: IconImport,
        locale: 'Table',
        requiresAuth: true,
        roles: ['*'],
      },
      component: () => import('@/views/components/table/index.vue'),
    },
    {
      path: 'form',
      name: 'form',
      meta: {
        icon: IconImport,
        locale: 'Form',
        requiresAuth: true,
        roles: ['*'],
      },
      component: () => import('@/views/components/form/index.vue'),
    },
    {
      path: 'drag',
      name: 'drag',
      meta: {
        icon: IconImport,
        locale: 'Drag',
        requiresAuth: true,
        roles: ['*'],
      },
      component: () => import('@/views/components/drag/index.vue'),
    },
    {
      path: 'layout',
      name: 'layout',
      meta: {
        icon: IconImport,
        locale: 'layout',
        requiresAuth: true,
        roles: ['*'],
      },
      component: () => import('@/views/components/layout/index.vue'),
    },
  ],
};

export default COMPONENTS;
